* {margin: 0; padding: 0}
body {background: #666}

#logo {position: fixed; right: 40px;}
#logo img {width: 100px; height:  100px;}
#logo_child {position: fixed; left: 40px; top: 60px}
#logo_child img {width: 100px; height:  100px;}

#login{
    width: 300px; height: 160px;
    border-radius: 4px;
    margin: 0 auto; margin-top: 150px;
    box-shadow: 2px 2px 15px #333;}
#login #title{
    width: 300px; height: 30px; line-height: 30px;
    background: #247CB9; text-align: center; color: #fff;
    font-family: "Courier New", Courier, monospace;
    border-top-left-radius: 4px; border-top-right-radius: 4px;}
#login #form{
    border: 1px solid #666; height: 110px;
    padding-top: 20px; background: #999;}
#login #form table{ margin:  0 auto; text-align: right;}

#container{
    width: 1000px; background: #fff; margin: 0 auto;    
    min-height: 800px; box-shadow: 2px 2px 15px #333;}
	
#content #title{ background: #403B3D; text-align: center; padding: 10px;
    color: #fff; font-size: 16px; font-weight: bold; font-family: Courier;
    border: 2px solid #fff; }
#content #function{
    background: #247CB9; text-align: center; padding: 10px; margin-bottom: 15px;
    color: #fff; font-size: 15px; font-weight: bold; font-family: Courier;
    border: 2px solid #fff; border-top: 0;
}
#loading { margin: 0 auto; width: 600px; text-align: center; }

#content #left{float: left;}
#function_content{width: 1000px; min-height: 600px; margin: 0 auto; padding: 10px}
 .label{background: #247CB9; color: #fff; padding: 5px;}
 .value{background: #FFF2F7; padding: 5px;}

#content .button { width: 140px; height: 40px; text-align: center; line-height: 40px; background: #BF548B; 
    color: #fff; border: 2px solid #fff; font-family: Courier; font-size: 13px; cursor: pointer; margin: 10px;
    font-weight: bold;}        
#content .button:hover{ background: #247CB9; }

#content button:hover, .s_button:hover{ background: #247CB9; }
#content button, .s_button {text-align: center; background: #BF548B; padding: 10px;
    color: #fff; border: 2px solid #fff; font-family: Courier; font-size: 13px; cursor: pointer; margin: 10px;
    font-weight: bold;}
    
#header{width:1000px; height:40px; margin: 0 auto; padding-top: 15px}

#content{
    width: 1000px; margin: 0 auto;
    background: #E3E7E8; margin-top: 10px; min-height:800px;}
    
#content .page{ position: relative; float: left; margin: 10px;
    box-shadow: 2px 2px 8px #666;
    border-radius: 10px; background: #fff;
    width: 250px; height: 300px
}
#content .page .logo{ width: 100px; height:100px; margin:  0 auto;}
#content .page .title{ width: 250px; height:40px; line-height: 40px; background: #247CB9;
    color: #fff; font-weight: bold; text-align: center;
    border-top-left-radius: 10px; border-top-right-radius: 10px;
}
#content .page .function {width: 200px; margin: 0 auto;}
#content .page .function table {border-collapse: collapse; background: #faef7a;}
#content .page .function table td {border: 2px solid #fff; padding: 2px; width: 200px; text-align: center;}
#content .page a{
    text-decoration: none; color: #6a6b6b; 
    font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
#content .page a:hover {color: #bcbce5;}
#sub_content .news {text-decoration:none; font-size:18px; padding-left:10px; padding-right:10px; margin:auto;}
